<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PLASMA Taller gr&aacute;fico | Artículos Promocionales & Publicidad</title>


<link href='css/BannerStyle.css' rel='stylesheet' type='text/css' />
<link href='css/style.css' rel='stylesheet' type='text/css' />
<link href='css/skin.css' rel='stylesheet' type='text/css' />
<link href="css/jquery.qtip.css" rel="stylesheet" type="text/css" />

<script type='text/javascript' src='js/jquery-1.4.3.min.js'></script>
<script type='text/javascript' src='js/jquery.tools.min.js'></script>
<script type='text/javascript' src='js/jquery.jcarousel.js'></script>
<script type='text/javascript' src='js/cufon-yui.js'></script>
<script type='text/javascript' src='css/VistaSan_500-VistaSan_700.font.js'></script>


<script type='text/javascript' src='js/jquery.qtip.pack.js'></script>
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
     Cufon.replace('#menuh');
//     Cufon.replace('.cont_quienes font');
//     Cufon.replace('.texto font');
//	Cufon.replace('.contenido_resto .cont_contenido .texto font');
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
								direction: 'opacity',	
								duration: 1200,
								auto: true,
								mainWidth:980,
								buttons: buttons} );	
	});
</script>
</head>
<body bgcolor="#d1d3d4" onSelectStart="return false" >
    <div id="principal">
    	<div id="top">
    	<div class="info">
        	<div class="info_der">Avenida 1-H No.133 local 6 x 12 y 14 C.P. 97128 Col. Fraccionamiento M&eacute;xico Norte, M&eacute;rida, Yucat&aacute;n.</div>
            <div class="info_izq"> mercadotecnia@grupoplasma.com.mx | <FONT FACE="verdana" COLOR="#808285" SIZE="1">
+52(999)9483016</div>
        </div>
        <div id="cont_menu">
            <div class="logo"><img  id="imgLogo" src="imagenes/logo.png" /></div>
            <div id="menuh">
            	<ul id="men" class="group">
                    <li class="current_page_item"><a href="#" alt="Inicio">INICIO</a></li>
                    <li><a href="galeria.php" alt="galeria">GALERIA</a></li>
                    <li><a href="promocionales.php" alt="promocionales">PROMOCIONALES</a></li>
                    <li><a href="servicios.php" alt="servicios">SERVICIOS</a></li>
                    <li><a href="contacto.php" alt="contacto">CONTACTO</a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <div align="center" class="contenido_resto">
        <div class="cont_contenido">
            
    <div id="lofslidecontent45" class="lof-slidecontent" style="width:800px; height:290px;">
    <div class="lof-main-outer" style="width:800px; height:290px;">
    <div onclick="return false" href="" class="lof-previous"></div>
  	<ul class="lof-main-wapper">
       <?php 
            include("js/funcion.inc");
            conecta();
            $sql = "SELECT * FROM banner" ;
            $cons = mysql_query($sql);
            while($row = mysql_fetch_array($cons)){  ?>
            <li><img width="800px" height="290px" src="imagenes/banner/<?php echo $row['imagen'];?>"></li> <?php }?>
      </ul>  	
         <div onclick="return false" href="" class="lof-next"></div>
  </div>
 </div>   
       
<br>

<div class="seccion_quienes" >
    <div class="cont_contenido">
    <div  class="cont_quienes"><font>&nbsp;&iquest;Qui&eacute;nes Somos?</font></div>
    <div class="texto"><font>Somos un grupo de trabajo multi-disciplinario dispuesto a satisfacer todas tus necesidades de comunicaci&oacute;n 
visual.Logotipos, flyers, anuncios, lonas, web, todo sale de las cabezas pensantes de nuestros especialistas creativos.
En Plasma Taller Gr&aacute;fico hacemos siempre  nuestro mayor esfuerzo por darle a tu empresa una proyecci&oacute;n profesional y de la m&aacute;s alta calidad.</font>
</div>
 </div>

<br>



        </div>
    </div>
</div>
<div class="info">
    <div id="bottom">PLASMA Taller Gr&aacute;fico | Dise&ntilde;o Gr&aacute;fico y Publicitario | Art&iacute;culos Promocionales | Publicidad | Producci&oacute;n | Corte y Grabado L&aacute;ser | Impresos | Campa&ntilde;as | Branding | Medios | Multimedia
    </div>
</div>
        <div class="clear"></div>
</div>
<div class="clear"></div>
</body>

<script type="text/javascript">
$(document).ready(function() {
	Cat = $(this);
	var $el, leftPos, newWidth, $mainNav = $("#men");

    $mainNav.append("<li id='magic-line'></li>");
    
    var $magicLine = $("#magic-line");
    
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left+19)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $("#men li").find("a").hover(function() {
        $el = $(this);
		leftPos=$el.position().left+(($el.parent().width()-34)/2);
        newWidth = $el.parent().width();
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
		$(".current_page_item").removeClass('current_page_item');
		$el.parent().addClass('current_page_item');
		Cufon.refresh();
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
	
	$('#mycarousel').jcarousel({ vertical: true	});
	
	$('#submenu li a').click(function(){
		Cat = $(this).attr('alt');
		$('.jcarousel-skin-tango').remove();
		$('.scrollable_vertical').append("<ul id='mycarousel' class='jcarousel-skin-tango'> </ul>");
		$('#mycarousel').jcarousel({
			vertical: true,
			scroll: 5,
			visible: 5,
			initCallback: mycarousel_initCallback
		});
		return false;
	});
});

function binDClick() {
	$('.jcarousel-skin-tango a').click(function(){
		var Prod = $(this).attr('href');
		$('.info_scrollable').fadeOut('fast',function() {
    		$('.info_scrollable').load(Prod, function(response, status, xhr) {
  				if (status == "success") {
					$('.info_scrollable').fadeIn('slow');
					/*$('.info2 img').each(function(i){
						var title=$(this).attr('title');
						$(this).tooltip({ offset: [10, 2], effect: 'slide' });
					});*/
					//$('.info2 img[title]').tooltip({ offset: [10, 2], effect: 'slide' });
					$('img[title]').qtip({
							position: {
								my: 'bottom center',  //donde esta la flecha del tooltip
								at: 'top center' // a donde apunta el tooltip
								 // my target
							},
							style: {
								classes: 'ui-tooltip-dark'
							}
					});
				}
			});
		});
		return false;
	});
}
function mycarousel_initCallback(carousel, state){
    jQuery.get('listas.php', {'funcion': '1', 'cat': Cat, first: carousel.first, last: carousel.last, newest: new Date().getTime() }, function(xml) { 
		mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml); 
	}, 'xml' );
};
function mycarousel_itemAddCallback(carousel, first, last, xml){
    // Set the size of the carousel
    carousel.size(parseInt(jQuery('total', xml).text()));
    jQuery('image', xml).each(function(i) {
        carousel.add(first + i, mycarousel_getItemHTML(jQuery(this).find('scr').text(),jQuery(this).find('prod').text()));
    });
	binDClick()
	carousel.setup();
};
function mycarousel_getItemHTML(url,prod){
    return '<a href="listas.php?funcion=2&id_prod='+ prod +'"><img src="imagenes/promocionales/thumb1/' + url + '" width="142" height="96" /></a>';
	//return '<img src="imagenes/promocionales/thumb/' + url + '" width="142" height="96" />';
};
</script>
</html>
